#causesPanel{
	min-width:170px;
}

#causesContainer, #effectsContainer{
	margin-left:0px;
	margin-right:0px;
}

#causesContainer .causesButtons:hover, 
#effectsContainer .effectsButtons:hover, 
#causesContainer  .selectedCause, 
#effectsContainer  .selectedEffect{
	background:#8e98fd;
}
#causesContainer .causesButtons:hover .causeNameButtons,
#effectsContainer .effectsButtons:hover .effectNameButtons,
.selectedCause .causeNameButtons,
.selectedEffect .effectNameButtons{
	color:white;
}
.buttons:hover{
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}
.buttonsClicked{
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #808080;
	border-top:1px solid #808080;
}
.causesButtons, .effectsButtons{
	font-size:13px;
	/*margin-bottom:5px;*/
	border-bottom:2px solid #bcb8b9;
	background:white;
	width:100%;
	cursor:default;
}
.eventImage{
	width:16px;
	height:16px;
	background:url(chrome://chimera/skin/Images/Icons/Event_Icon_16x16.png)  no-repeat;
}
.functionImage{
	width:16px;
	height:16px;
	background:url(chrome://chimera/skin/Images/Icons/Function_Icon_16x16.png)  no-repeat;
}
.causeNameButtons, .effectNameButtons{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;
	/*color:blue;*/
}
.causeEffectDragButton{
	height:auto;
	width:15px;
	background:url(chrome://chimera/skin/Images/Icons/Drag_Icon.png);
	cursor:move;
}
#newCauseButton, #newEffectButton{

	background:#d9dcf1;
	text-align:center;
	/*margin-top:-5px;*/
	margin-left:10px;
	margin-right:10px;
	border-left:2px solid #bcb8b9;
	border-right:2px solid #bcb8b9;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	height:20px;
	text-decoration:underline;
}
.cancelIcon
{
	visibility:hidden;
	margin-right:0px;
}
.arrow{
	height:auto;
	width:10px;
	background:url(chrome://chimera/skin/Images/Icons/effectCauseArrow_10x11.png) center no-repeat;
	visibility:hidden;
}
.selectedEffect .arrow,.selectedCause .arrow{
	visibility:visible;
}
.EffectDelayButton{
	color:gray;
	font-size: 10px;
}
.causeEffectWarningButtons{
	width:16px;
	height:16px;
	background:url(chrome://chimera/skin/Images/Icons/warning_16x16.png) center no-repeat;
}
